.footer {
    margin-top: rem(120px);
    border-top: rem(1px) solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
}

.inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--mantine-spacing-md) var(--mantine-spacing-md);

    @media (max-width: 768px) { /* Replace with the appropriate value */
        /* flex-direction: column; */
        img {
            width: 130px;
            /* margin-bottom: 10px; */
        }
    }

    @media (max-width: 300px) {
        img {
            display: none;
        }
    }
}

.links {
    @media (max-width: 768px) {
        margin-top: var(--mantine-spacing-lg);
        margin-bottom: var(--mantine-spacing-sm);
    }
}

.social {
    transition: .3s;
}